<template>
    <div>
        <div v-if="isplay">您支付成功了，货品正在向你靠近~</div>

        <div v-else>您支付失败了，非常抱歉~</div>
    </div>
</template>

<script>
import axios from 'axios'
import {mapState} from 'vuex'
import  Qs from 'qs'
export default {
    data(){
        return{
            isplay:false
        }
    },
     created(){
         this.getDate()
     },
     computed:{
         ...mapState({
             token:state=>state.user.token
         })
     },
     methods:{
        getDate(){
            let dataOrder={
                out_trade_no:this.$route.query.out_trade_no,
                trade_no:this.$route.query.trade_no,
                token:this.token
            }
            axios({
                url:'/ajax/getStatus',
                method:'post',
                headers:{
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                data:Qs.stringify(dataOrder)
            }).then(({data})=>{
                console.log(data)
                if(data.code>1 &&data.code<4){
                    this.isplay=true
                }
            })
        }
     }
}
</script>

<style>

</style>